﻿<!DOCTYPE html>
<html>
<head>
    <script src="appUse.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <style>
        div {
            width: 200px;
            height: 200px;
            position: relative;
            overflow: hidden;
            background: #ddd;
        }
 
        svg {
            position: absolute;
            top: 0;
            left: 0;
        }
 
        svg line {
            stroke-width: 10;
            stroke: #000;
            fill: none;
            stroke-dasharray: 200;
            -webkit-transition: -webkit-transform .6s ease-out;
            transition: transform .6s ease-out;
        }


    </style>
</head>
<body>
    <div id="views"></div>
    <div id="a">
    </div>


    <table>
        <tr>
            <td>表格内的滚动条:</td>
            <td>
                <div id="wins"
                     style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
                    <p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
                    <p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                    <p>ppppppppppppppppppppppppp </p>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="right">
                <span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
                      onmouseout=clearInterval(scrollb)>向左</span>
                <span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
                      onmouseout=clearInterval(scrollb)>向上</span>
                <span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
                      onmouseout=clearInterval(scrollb)>向右</span>
                <span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
                      onmouseout=clearInterval(scrollb)>向下</span>
            </td>
        </tr>
    </table>
</body>
</html>
